@use './variables.scss' as variables;

// 覆盖vant的默认样式
// 在css变量中使用scss变量,需要使用#{}
:root:root {
  // 主色调
  --van-primary-color: #{variables.$primary-color};
  // 返回顶部的背景色
  --van-back-top-background: #{variables.$primary-color};
}

// vant浅色主题样式，一般情况下不需要修改
.van-theme-light {
  body {
    // 按钮
    .van-button--primary {
    }
  }
}

// vant深色主题样式
.van-theme-dark {
  body {
    color: #f5f5f5;
    background-color: black;

    // 按钮
    .van-button--primary {
      background-color: blue;
      border-color: blue;
    }
  }
}
